<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../css/product.css" />

	</head>

	<body>
		<div id="shadow"></div>
		<nav id="docHead">
				<header class="head">
					<a href="../index.html" id="logo"></a>
					<ul id="nav-list">
						<li><a href="../index.html">首页</a></li>
						<li><a href="javascript:;">男士</a></li>
						<li><a href="javascript:;">女士</a></li>
						<li><a href="javascript:;">价格区间</a></li>
						<li><a href="javascript:;">品牌分类</a></li>
						<li><a href="javascript:;">关于我们</a></li>
					</ul>
					<div id="search-box">
						<input type="text" placeholder="搜索商品" /><input type="button" value="SEARCH" />
					</div>
					<a id="login" href="login.html">登录 / 注册</a>
					<a target="_blank" href="cart.html" id="cart">
						<i class="iconfont">&#xe600;</i>
						<span>已添加</span>
						<span id="cartNum">0</span>
					</a>
				</header>
		</nav>
		<div id="banner-wrap">
			<ul id="banner-list">
				<li>
					<a href="javascript:;"><img src="../img/banner.jpg" alt="" width="100%" height="auto" /></a>
				</li>
			</ul>
			<ul id="pagebox">
				<li></li>
				<li></li>
				<li></li>
				<!--</ul>-->
		</div>
		<div class='product-wrap'>
			<div class='product'>
				<div class='man'>
					<h2>女士</h2></div>
				<ul id='ul'>
					<li>
						<img src="../img/m-goods1.png" />
						<p>美度蓝宝石玻璃表镜双面镀防炫目涂层</p>
						<div class='xian'></div>
						<strong>￥&nbsp;8300.00</strong>
						<div class='buy'>立即购买</div>
					</li>
					<li><img src="../img/m-goods1.png" />
						<p>美度蓝宝石玻璃表镜双面镀防炫目涂层</p>
						<div class='xian'></div>
						<strong>￥&nbsp;8300.00</strong>
						<div class='buy'>立即购买</div>
					</li>
					<li><img src="../img/m-goods1.png" />
						<p>美度蓝宝石玻璃表镜双面镀防炫目涂层</p>
						<div class='xian'></div>
						<strong>￥&nbsp;8300.00</strong>
						<div class='buy'>立即购买</div>
					</li>
					<li><img src="../img/m-goods1.png" />
						<p>美度蓝宝石玻璃表镜双面镀防炫目涂层</p>
						<div class='xian'></div>
						<strong>￥&nbsp;8300.00</strong>
						<div class='buy'>立即购买</div>
					</li>
					<li><img src="../img/m-goods1.png" />
						<p>美度蓝宝石玻璃表镜双面镀防炫目涂层</p>
						<div class='xian'></div>
						<strong>￥&nbsp;8300.00</strong>
						<div class='buy'>立即购买</div>
					</li>
					<li><img src="../img/m-goods1.png" />
						<p>美度蓝宝石玻璃表镜双面镀防炫目涂层</p>
						<div class='xian'></div>
						<strong>￥&nbsp;8300.00</strong>
						<div class='buy'>立即购买</div>
					</li>
					<li><img src="../img/m-goods1.png" />
						<p>美度蓝宝石玻璃表镜双面镀防炫目涂层</p>
						<div class='xian'></div>
						<strong>￥&nbsp;8300.00</strong>
						<div class='buy'>立即购买</div>
					</li>
					<li><img src="../img/m-goods1.png" />
						<p>美度蓝宝石玻璃表镜双面镀防炫目涂层</p>
						<div class='xian'></div>
						<strong>￥&nbsp;8300.00</strong>
						<div class='buy'>立即购买</div>
					</li>
					<li><img src="../img/m-goods1.png" />
						<p>美度蓝宝石玻璃表镜双面镀防炫目涂层</p>
						<div class='xian'></div>
						<strong>￥&nbsp;8300.00</strong>
						<div class='buy'>立即购买</div>
					</li>
					<li><img src="../img/m-goods1.png" />
						<p>美度蓝宝石玻璃表镜双面镀防炫目涂层</p>
						<div class='xian'></div>
						<strong>￥&nbsp;8300.00</strong>
						<div class='buy'>立即购买</div>
					</li>
					<li><img src="../img/m-goods1.png" />
						<p>美度蓝宝石玻璃表镜双面镀防炫目涂层</p>
						<div class='xian'></div>
						<strong>￥&nbsp;8300.00</strong>
						<div class='buy'>立即购买</div>
					</li>
					<li><img src="../img/m-goods1.png" />
						<p>美度蓝宝石玻璃表镜双面镀防炫目涂层</p>
						<div class='xian'></div>
						<strong>￥&nbsp;8300.00</strong>
						<div class='buy'>立即购买</div>
					</li>
					<li><img src="../img/m-goods1.png" />
						<p>美度蓝宝石玻璃表镜双面镀防炫目涂层</p>
						<div class='xian'></div>
						<strong>￥&nbsp;8300.00</strong>
						<div class='buy'>立即购买</div>
					</li>
					<li><img src="../img/m-goods1.png" />
						<p>美度蓝宝石玻璃表镜双面镀防炫目涂层</p>
						<div class='xian'></div>
						<strong>￥&nbsp;8300.00</strong>
						<div class='buy'>立即购买</div>
					</li>
					<li><img src="../img/m-goods1.png" />
						<p>美度蓝宝石玻璃表镜双面镀防炫目涂层</p>
						<div class='xian'></div>
						<strong>￥&nbsp;8300.00</strong>
						<div class='buy'>立即购买</div>
					</li>
					<li><img src="../img/m-goods1.png" />
						<p>美度蓝宝石玻璃表镜双面镀防炫目涂层</p>
						<div class='xian'></div>
						<strong>￥&nbsp;8300.00</strong>
						<div class='buy'>立即购买</div>
					</li>
				</ul>
				<div class='product-bottom'>
					<button class='last'><<上一页</button>
					<button class='num'>1</button>
					<button class='num'>2</button>
					<button class='num'>3</button>
					<button class='num'>4</button>
					<button class='num'>5</button>
					<button class='center'>...</button>
					<button class='num'>27</button>
					<button class='num'>28</button>
					<button class='num'>29</button>
					<button class='num'>30</button>
					<button class='num'>31</button>
					<button class='next'>下一页>></button>
					<span>&nbsp;跳转&nbsp;</span><input id='ipt' value='10'/><span>&nbsp;页&nbsp;</span>
					<button class='yes'>确定</button>
				</div>
			</div>
		</div>

		<div class='bottom-wrap'>
			<div class='bottom'></div>
		</div>

		<div class='footer-wrap'>
			<div class='footer'></div>
		</div>
	</body>

</html>